.gameslist {
    display: flex;
    flex-wrap: wrap;
}

.gamesitem {
    padding-right: 3px;
    width: calc(100% / 6); /* 在大屏幕上每行显示7个元素 */
}
@media (max-width: 768px) {
    /* 在小屏幕上每行显示3个元素 */
    .gamesitem {
        width: calc(100% / 2);
    }
}


.myrow {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    padding-left: 8px;
}

.mycol-5 {
    width: calc(100% / 5); /* 在大屏幕上每行显示5个元素 */
}
@media (max-width: 768px) {
    /* 在小屏幕上每行显示1个元素 */
    .mycol-5 {
        width: calc(100% / 2);
    }
}



/* card */
.CBScrollable{
    display: grid;
}

.CBScrollable > .CBScroll {
    user-select: none;    
    display: flex;    
    overflow-x: auto;
    white-space: nowrap;
}
@media (max-width: 576px){
  .CBScrollable > .CBScroll {
      overflow-x: auto;
      white-space: nowrap;
  }
}

.CBScrollable > .CBScroll {
  -ms-overflow-style: none;
  scrollbar-width: none; }

.CBScrollable > .CBScroll::-webkit-scrollbar {
  display: none; 
}

.CBScrollable > .CBScroll > .col-xs-4 {
    display: inline-block;
    float: none;
}

.game-iframe {
    width: 100%;
    height: 42vw;
    max-height: 800px;
    background-image: linear-gradient(to bottom, #1f2537, #111624);
    border-radius: 0.6rem;
}
@media (max-width: 768px) {
    .game-iframe {
        height: 70vh;
    }
}

.game-iframe-real {
    top: 0px;
    left: 0px;
    position:fixed;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #1f2537, #111624);
    overflow :hidden;
    padding:0px;
    margin:0px;
    border:none;
}

.blogcradbtn {
    width: 130px;
    text-align: center;
    padding-block: 1px;
    border-radius: 0.6rem;
    background-image: linear-gradient(to bottom, #feb446, #bf7200);
    padding: 3px;
    color: aliceblue;
    user-select: none;
}

.blogcradbtnDis {
    background-image: none!important;
    background: #0000004a!important;
    color: #8d8d8d!important;
    pointer-events: none!important;
    border-color: none!important;
    border: none!important;
}

.mynav-link {
    font-size: 14px;
    padding-inline: 2.3%;

}

.mynav-link.active {
    color: white !important;
}

.mynav-link:hover {
    color: white !important;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;    
}

.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
    background-color: #FEBB39;
}

.noUi-tooltip {
    border: none;
    background: #000;
    color: #fff;
}

.noUi-connect {
    background-color: #ffce1d;
}


#CB-Rewards .progress {
    height: 0.388rem;
    background: #31374C;
}

.table > :not(:first-child) {
    border-top: 1px solid rgb(255 255 255 / 8%);
}

#GobackWindows {
position: fixed;z-index: 9999;visibility: hidden;
}
#GobackWindows_btn {
    z-index: 9999;position: absolute; left: 8px;top: 8px; padding-block: 6px;margin-top: 6px;
}


.mycard{
    background: #23293D;
    border-radius: 0.65rem;
    margin-bottom: 1.875rem;
}

.mycard2{
    background-image: linear-gradient(to bottom, #ffd18d, #d27e01);
    border-radius: 0.65rem;
    margin-bottom: 1.875rem;
    padding: 3%;
}


.mycard-body {
    padding: 3%;
}

.center {
    display: grid;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align:-webkit-center;
}

.text-shadow {
    text-shadow: 1px 1px 5px #b76d00;
}

.swap-rotate {
    background: none;
}
@media (max-width: 768px) {
    .swap-rotate {
        transform: rotate(90deg);
    }
}

.profile-statistics {
    display: grid;align-items: center;
}

.profile-statistics2 {
    display: grid;align-items: center;
}

.profile-statistics3 {
    display: grid;align-items: center;
}

.cardSub{
    font-weight: bold;    
    font-size: x-large;
    color: #242424;
    margin-block: 10px;
}

.cardtext{
    font-size: larger;    
    color: #242424!important;
}

.mylink{
    font-size: initial;
    padding-left: 7px;

}

.mylink active{
    font-size: initial;
    padding-left: 7px;

}

.mylink:focus{
    color: aliceblue; 
}


.headnavbar .nav-item a.active,
.headnavbar .dropdown-item a.active{
    text-decoration: none;
    color: #FBAE3A!important;
}

[data-rk] .ju367vgo, [data-rk] .ju367vgp:hover, [data-rk] .ju367vgq:active {
    color: var(--rk-colors-modalText)!important;
}

[data-rk] .ju367vgu, [data-rk] .ju367vgv:hover, [data-rk] .ju367vgw:active {
    color: var(--rk-colors-modalTextSecondary)!important;
}

#GLP_btn_Approve_USDT .btn:disabled, .btn.disabled, fieldset:disabled .btn {
    border: none;
}

.my-btn:hover, .my-btn:focus { 
    background-color: #181818; 
    border-color: #232840;
} 

.my-btn:active { 
    background-color: #131313; 
    border-color: #263143;
}


.break-all {
    word-break:break-all;
}

.text-overflow {
    text-overflow:ellipsis; overflow:hidden;
}

.hash {
    width: 80px;
}